<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			div{
				width: 240px;
				height: 330px;
				border: 1px solid lightblue;
				background: aliceblue;
			}
			.dao{
				background-image: url(title_icon.gif);
				background-repeat: no-repeat;
				text-indent: 1.3em;
				background-position: 0% 60%;
				font-size: 15px;
			}
			li{
				background-image: url(submenu.gif);
				background-repeat: no-repeat;
				border-top: 1px solid lightblue;
				text-indent: 0.5em;
				background-position: 100%;
				line-height: 30px;
				
			}
			ul{
				list-style-type: none;
			}
			a{
				text-decoration: none;
			}
			a:hover{
				/* text-decoration: underline; */
				color: red;
			}
			ul,div{
				margin: 0 auto;
				padding: 5px;
			}
		</style>
	</head>
	<body>
		<div>
		<h3 class="dao">课程导航</h3>
		<ul>
		    <li><a href="">ACCP 软件工程师</a></li>
		    <li><a href="">BTEST 软件测试工程师</a></li>
		    <li><a href="">BENET 网络工程师</a></li>
		    <li><a href="">JBNS 网站工程师</a></li>
		    <li><a href="">ACCP 启蒙星</a></li>
		   <li><a href="">ANDROID 软件工程师</a></li>
		    <li><a href="">JAVA 软件工程师</a></li>
		    <li><a href="">.NET 软件工程师</a></li>
		    <li><a href="">网络营销</a></li>
			</ul>
			</div>
	</body>
</html>
